<template>
	<view>
		<custom-nav-sq-xcx :isBack="true" currBg="usuallyBg" :needConBlock="true">
			<block slot="content">心理驿站</block>
		</custom-nav-sq-xcx>
		<xl-tab-nav :tabNav="tabNav" :navHeight="navHeight" :tabIndex="tabIndex"></xl-tab-nav>
		<view class="sqConBlock"></view>
		<view class="sqConWrap">
			<!-- <xlzx/> -->
			<xlzx/>
			<!-- <xlpg/> -->
			<!-- <tthd/> -->
		</view>
		<!-- <view class="sqConWrap noPadLr">
			<relax/>
		</view> -->
	</view>
</template>

<script>
	import XlTabNav from './components/XlTabNav'
	import Xlzx from './components/Xlzx'
	import Xlpg from './components/Xlpg'
	import Relax from './components/Relax'
	import Tthd from './components/Tthd'
	export default {
		components:{
			XlTabNav,
			Xlzx,
			Xlpg,
			Relax,
			Tthd
		},
		data(){
			return{
				tabNav:[
					{id:'xlzx',name:'心理咨询'},
					{id:'xlpg',name:'心理评估'},
					{id:'relax',name:'放松减压'},
					{id:'tthd',name:'团体活动'}
				],
				tabIndex:0,
				navHeight:getApp().globalData.navHeight
			}
		}
	}
</script>

<style lang="scss">
	page{
		background: $sq-fuf;
	}
	.sqConWrap.noPadLr{
		padding: 30rpx 0;
	}
</style>